<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- Jquery 俩破解JavaScript功能：：页面上所有触发型效果
		 JQuery的使用方式
		 1.JQuery官方网站，下载JQuery封装js库，格式：jquery-1.11.1.js
		                   jquery-2.X.js之后的版本不支持IE6、7、8
		 2.引入JQuery框架【js类库】，  在head中，script元素 导入
		          <script src="js/jquery-1.11.1.js"></script>
		 3.编写JQuery框架语法---JS页面动态效果
		 在页面最后body前方加script元素 为什么？
		 思考哦：操作页面上面元素，body中生成实际页面上面的内容，改变页面效果，
		 整个html+css，理解为一棵DOM树：元素、属性、属性值，先存在这些元素
		 ，才可以进行操作。所以，JS中DOM树的操作需要等页面元素
		 都加载完毕，才可以进行对页面元素进行实质性操作
		 JavaScript 行为层 EMCAScript5.0 核心语法层--类似于Java基础
		                  功能：做逻辑
					重点： DOM   Document Object Model    文档节点对象模型
						  功能：改变页面效果、【结合逻辑】
						  DOM树     document        元素、属性、属性值					              
						              html
								   head    body
								meta
							charset
						  BOM   Browser Object Model     浏览器对象模型
						  功能：做浏览器效果、【结合逻辑】    吸顶灯效果
		 -->
		 <script src="js/jquery-1.11.1.js">
			 
		 </script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急~")})
		</script>
	</body>
</html>